<ion-nav-bar class="bar-positive"></ion-nav-bar>
<ion-tabs class="tabs-positive tabs-icon-top">
    <ion-tab title="商品列表" icon-on="ion-ios-filing"
             icon-off="ion-ios-filing-outline"
             href="#/tab/product">
        <!-- Tab 1 content -->
        <ion-nav-view name="productView"></ion-nav-view>
    </ion-tab>
    <ion-tab title="购物车" icon-on="ion-ios-clock"
             icon-off="ion-ios-clock-outline"
             href="#/tab/cart">
        <!-- Tab 2 content -->
        <ion-nav-view name="cartView"></ion-nav-view>
    </ion-tab>
    <ion-tab title="个人中心" icon-on="ion-ios-gear"
             icon-off="ion-ios-gear-outline"
             href="#/tab/personal">
        <!-- Tab 3 content -->
        <ion-nav-view name="personalView"></ion-nav-view>
    </ion-tab>
</ion-tabs>